<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default  {
  name:  'App',
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
    }
}
</script>
<style lang="scss">
  html {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC',
      'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
  }
  a {
    text-decoration: none;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  ul,
  p {
    margin: 0;
  }
  body {
    margin: 0;
    font-size: 16px;
    min-width: 1400px;
  }
  ul {
    padding: 0;
  }
  ul li {
    list-style-type: none;
  }
  h5{
  	font-weight: normal;
  }
  .pagination-container .el-pagination{
     right: 50%;
     transform: translate(50%);
  }
  .conditionRow{
    margin: 30px 0 10px;
  }
  .el-upload-list__item {
    transition: none;
  }
  .dis_flex{
    display: flex;
    &.content_center{
      justify-content: center;
    }
    &.items_center{
      align-items: center;
    }
  }
</style>
